.list {
    ul.main {
        padding: 24px;
        display: flex;
        flex-wrap: wrap;
        li {
            width: 30%;
            min-width: 200px;
            margin-right: 18px;
            // background-color: #212651;//rgb(29, 33, 68);
            // border-radius: 5px;
            margin-bottom: 35px;
            border: 1px solid #212651;
            padding-bottom: 8px;
            p {
                color: #959cb1;
                line-height: 24px;
                font-size: 16px;
            }
            h1 {
                color: #fff;
            }
           .title {
                margin: 24px;
                padding-bottom: 24px;
                border-bottom: 1px solid #959cb1;
               h1 {
                   font-size: 24px;
                   line-height: 40px;
               }
               p {
                   margin-top: 16px;
               }

           }
           .name {

               padding: 0 24px;
               p {
                    line-height: 28px;
                    margin-top: 8px;
               }
           }
            
        }
        li:hover {
            cursor: pointer;
            box-shadow: 0px 0px 8px 0px #212651;
            .title {
                h1 {
                    color: rgb(74, 108, 247);
                }
            }
        }
    }
}